<template>
	<view class="about">
		<view class="top">
			 <!-- <text class="logo">e</text> -->
			 <view class="logo">
				 <image class="img" src="/static/logo.png"></image>
			 </view>
			 <text style="color: #A3ACB0;">智V v6.932</text>
			 <text style="color: #A3ACB0; margin: 20rpx; 0">智V-v2.2.9.1.0.0</text>
		</view>
		<view class="center-list" >
		  <view class="center-item" @click="handleShare">
			<view class="item-left">
				<icon-svg icon-class="share_icon"/>
			</view>
			<view class="item-center">
				<view>分享给好友</view>
			</view>
			<view class="item-right">
				<icon-svg icon-class="icon-test7"/>
			</view>
		  <uni-popup ref="popup" type="share">
		      <uni-popup-share title="分享到" @select="select"></uni-popup-share>
		  </uni-popup>
		 </view>
		 <view class="center-item" @click="routeSkip">
		 	<view class="item-left">
		 		<icon-svg icon-class="qunzu"/>
		 	</view>
		 	<view class="item-center">
		 		<view>关于我们</view>
		 	</view>
		 	<view class="item-right">
		 		<icon-svg icon-class="icon-test7"/>
		 	</view>
		 </view>
		</view>
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import uniPopupShare from '@/components/uni-popup-share/uni-popup-share.vue'
	export default {
	 components:{uniPopup,uniPopupShare},	
	  data(){
		return{
			}
		},
		methods:{
			handleShare(){
				this.$refs.popup.open()
			},
			select(){
				this.$refs.popup.close()
			},
			routeSkip(){
				window.open('http://www.hanzhisoft.com/')
			}
		}
	}	
</script>

<style lang="scss" scoped>
.about{
 .top{
	 text{
		text-align: center;
		display: block;
	 }
	 .logo{
		 border-radius: 40rpx;
		 margin: 40rpx auto;
		 // background: #3CCDDD;
		 // color: #fff;
		 font-size: 100rpx;
		 width: 200rpx;
		 height: 200rpx;
		 line-height: 200rpx;
		 text-align: center;
		 .img{
			 width: 100%;
			 height: 100%;
		 }
	 }
 }
 .center-list{
 	 background: #fff;
 	.center-item{
 	  display: flex;
 	  justify-content: space-between;
 	  line-height: 90rpx;
 	  height: 90rpx;
 	  border-bottom:1px solid #F9FAF9 ;
 	   .item-left{
 		  .svg-icon{
 			  color:#7FC9D1;
 			  font-size: 1.2em;
 		  }
 		  margin-left: 20rpx;
 		  width: 10%; 
 	   }
 	  .item-center{
 	  	width: 70%;
 		margin-left: 20rpx;
 	  }
 	  .item-right{
 		text-align: right;
 	  	width: 20%;
 		.svg-icon{
 		color: #D1D6D9;
 		margin-right: 10rpx;
 		}
 	  }
 	}
 	}
}
</style>
